.loding-icon {
  position: fixed;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  .icon {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    // css3 有一个 锥形渐变
    background-image: conic-gradient(
      transparent,
      transparent 5%,
      rgb(9, 233, 46)
    );
    // ccs3里面有一个遮罩属性
    -webkit-mask-image: radial-gradient(
      transparent 0,
      transparent 80px,
      #fff 90px
    );
    // background-image: radial-gradient(red, green, blue);
    animation: loading 0.75s linear infinite;
  }
}

@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
